﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="ConvidarAvaliadorAG.aspx.cs" Inherits="Avaliador_ConvidarAvaliadorAE" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link href="../Teste/jQueryUI/development-bundle/themes/flick/jquery.ui.all.css"
        rel="stylesheet" type="text/css" />
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var configGridUsuarios = { s: 4, i: 1, t: '', o: '' };
        var id;
        function selecionar(guid)
        {
            id = guid;
            //document.getElementById("tabela-usuarios").style.visibility = 'hidden';
	        //document.getElementById("table-eventos-footer").style.visibility = 'hidden';
	        //document.getElementById("pesquisar").style.visibility = 'hidden';
	        //document.getElementById("textPesquisa").style.visibility = 'hidden';
            document.getElementById("convidar").style.visibility = 'visible';
            document.getElementById("convidar").href = "javascript:convidar(\'"+id+"\')";
        };
        function convidar(guid)
        {
            $('#mensagem-processando').show();
            $.ajax({
                async: false,
		        type: "POST",
		        url: "ConvidarAvaliadorAG.aspx/convidar",
		        contentType: "application/json; charset=utf-8",
		        dataType: "json",
		        data: JSON.stringify({id: guid}),
		        success: 
                    function ()
                    {

                    }
	        });
            $('#mensagem-processando').hide();
        };
        function cadastrarNovo()
        {
            document.getElementById('dialog-cadastrar').style.display = 'block';
            $('#dialog-cadastrar').dialog({
                title: 'Cadastrar novo usuário',
                resizable: false,
                position: 'center',
                height: '400',
                width: '750',
                modal: true,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.5
                }
            });
        };
        function convidarNovoUsuario()
        {
            $('#mensagem-processando').show();
            $.ajax({
                async: false,
                type: "POST",
                url: "ConvidarAvaliadorAG.aspx/existeUsuario",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
        		data: JSON.stringify({email: $('#textEmail').val()}),
                success:
                    function (msg) {
                        if(msg.d != "nao")
                        {
                            $('#fontNomeUsuario').text(msg  .d);
                            $('#dialog-existe').dialog({
                                title: 'Pessoa já existe',
                                resizable: false,
                                position: 'center',
                                height: '200',
                                width: '320',
                                modal: true,
                                overlay: {
                                    backgroundColor: '#000',
                                    opacity: 0.5
                                }
                            });
                        }
                        else
                        {
                            $.ajax({
                                async: false,
                                type: "POST",
                                url: "ConvidarAvaliadorAG.aspx/convidarAvaliador",
                                contentType: "application/json; charset=utf-8",
                                dataType: "json",
        		                data: JSON.stringify({nome: $('#textNome').val(), instituicao: $('#textInstituicao').val(), curso: $('#textCurso').val(), email: $('#textEmail').val(), comentario:  $('#textAreaComentario').val()}),
                                success:
                                    function (msg) {
                                        window.location = "";
                                    }
                            });
                        }
                    }
            });
            $('#mensagem-processando').hide();
        };
        function carregarListaUsuario(){
            $('#mensagem-processando').show();
	        document.getElementById("tabela-usuarios").style.visibility = 'visible';
	        document.getElementById("table-eventos-footer").style.visibility = 'visible';
	        document.getElementById("cadastrarNovoUsuario").style.display = 'block';
	        var lista;
		        $.ajax({
			        type: "POST",
			        url: "ConvidarAvaliadorAG.aspx/getUsuarios",
			        contentType: "application/json; charset=utf-8",
			        dataType: "json",
			        data: JSON.stringify({pagina: configGridUsuarios.i, nome: $('#textPesquisa').val()}),
			        success: 
				        function (msg) {
				        lista = msg.d;
					        $('#tabela-usuarios').fswGrid({
						        bottombar: '#table-eventos-footer',
						        selectable: true,
						        selectSingle: true,
						        sortable: true,
						        nextText: 'Próxima',
						        prevText: 'Anterior',
						        resultText: 'Exibindo de {0} a {1} de {2} resultados ',
						        results: false,
						        pagination: true,
						        message: 'Nenhum usuário encontrado',
						        pageSize: configGridUsuarios.s,
						        onNext: function (i) {
							        configGridUsuarios.i = configGridUsuarios.i + 1;
						        },
						        onPrev: function (i) {
							        configGridUsuarios.i = configGridUsuarios.i - 1;
						        },
						        render: function (row, item) {                                
							        var tdAcoes = $('<td>');
							        $(row).append($('<td>').text(item.Pessoa.nome));
                                    var buttonSelecionar;
                                    if(item.aceito == true)
                                        buttonSelecionar = $('<label class="buttonAcaoMenorDesabilitado">Já é avaliador desse evento</label>')
                                    else
							            buttonSelecionar = $('<a href="javascript:selecionar(\''+item.id+'\')" class="buttonAcaoMenor">Selecionar</a>');
							        tdAcoes.append(buttonSelecionar);                       
							        $(row).append(tdAcoes);
						        }
					        }, lista);
				        },
		        });
                $('#mensagem-processando').hide();
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <table>
        <tr>
            <td style="width: 160px;">
                <dl>
                    <dt style="color: Blue; font-size: 15px">MENU</dt>
                    <br />
                    <dd>
                        <a href="../Evento/DefaultAG.aspx" style="border-bottom: 1px solid #F4F4F4">Principal</a>
                    </dd>
                    <dd>
                        <a href="GerenciarAvaliadorAG.aspx" style="border-bottom: 1px solid #F4F4F4">
                            Listar</a>
                    </dd>
                    <dd>
                        <a href="ConvidarAvaliadorAG.aspx" style="border-bottom: 1px solid #F4F4F4; font-weight: bold">
                            Convidar</a>
                    </dd>
                    <dd>
                        <a href="DesvincularAvaliadorAG.aspx" style="border-bottom: 1px solid #F4F4F4">Vincular/Desvincular</a>
                    </dd>
                </dl>
            </td>
            <td style="border-left: 1px solid #EEE; padding-left: 10px">
                <div>
                    <div>
                        <br />
                        <br />
                        <br />
                        <br />
                    </div>
                    <input id="textPesquisa" type="text" />
                    <a class="buttonAcao" id="pesquisar" href="javascript:carregarListaUsuario();">Pesquisar</a>
                    <br />
                    <div id="cadastrarNovoUsuario" style="text-align: right; display: none">
                        <a id="buttonCadastrarNovo" style="color: #FFFFFF" class="buttonAcao" href="javascript:cadastrarNovo()">
                            Cadastrar novo usuário</a>
                    </div>
                </div>
                <table class="tabela-pesquisa" id="tabela-usuarios" style="visibility: hidden">
                    <thead>
                        <tr>
                            <th>
                                Nome
                            </th>
                            <th>
                                Ações
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                <div class="button-footer" id="table-eventos-footer" style="visibility: hidden">
                    <span class="fsw-grid-results"></span><a runat="server" id="gridprev" class="fsw-grid-prev"
                        href="javascript:carregarListaUsuario();">Anterior</a> <a class="fsw-grid-next" runat="server"
                            id="gridnext" href="javascript:carregarListaUsuario();">Próximo</a>
                </div>
                <br />
                <br />
                <a class="buttonAcao" id="convidar" style="visibility: hidden;" href="javascript:carregarListaUsuario();">
                    Convidar</a>
            </td>
        </tr>
    </table>
    <div id="dialog-cadastrar" style="display: none">
        <div style="text-align: center">
            <h2>
                A confirmação do Avaliador é necessária. Um email será enviado.
            </h2>
        </div>
        <table>
            <tr>
                <td>
                    Nome:
                </td>
                <td>
                    <input id="textNome" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Instituição:(opcional)
                </td>
                <td>
                    <input id="textInstituicao" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Curso:(opcional)
                </td>
                <td>
                    <input id="textCurso" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    E-mail:
                </td>
                <td>
                    <input id="textEmail" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Escreva uma frase personalizada:
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <textarea id="textAreaComentario" cols="30" rows="6"></textarea>
                </td>
            </tr>
        </table>
        <br />
        <br />
        <br />
        <a class="buttonAcao" id="buttonConvidarNovoUsuario" style="color: #FFFFFF" href="javascript:convidarNovoUsuario();">
            Convidar</a> <a class="buttonAcao" id="buttonCancelarConviteUsuario" style="color: #FFFFFF"
                href="javascript:cancelarConviteNovoAutor();">Cancelar</a>
    </div>
    <div id="dialog-existe" style="display: none">
        Já existe pessoa com esse email !
        <br />
        <br />
        <br />
        Nome: <font id="fontNomeUsuario"></font>
    </div>
</asp:Content>
